<script setup lang="ts">
  import { ref } from 'vue';
  import '@/views/DigitalTwin/css/iconfont/iconfont.css';
  import { useRouter } from 'vue-router';
  // 示例数据
  const message = ref('Hello, Vue 3 with Element Plus!');

  // 点击事件处理函数
  function handleClick() {
    alert(message.value);
  }
  const router = useRouter(); // 替换原有router导入
  const EnterMonitor = () => {
    // 点击按钮执行的操作
    router.push('/digital-home/monitor');
  };
  const handleProduction = () => {
    // 导航数据管理
    router.push('/digital-home/data-management');
  };
</script>

<template>
  <!--  <img src="../../../assets/DigitalAssets/centerHeader.png" />-->
  <div class="icon-container">
    <i class="iconfont icon-zhuanshengchan" @click="handleProduction"></i>
    <i class="iconfont icon-jiankong" @click="EnterMonitor"></i>
  </div>
  <!--  <el-button @click="basicClick" id="basic">显示基础组件</el-button>-->
  <!-- 根据 currentComponent 动态渲染组件 -->
  <!--  <component :is="currentComponent" />-->
</template>

<style scoped>
  /*img {
    width: 64vw;
    height: 5vh;
    position: absolute;
  }*/
  .icon-container {
    width: 64vw;
    height: 5vh;
    background: #1e2430;
    position: absolute;
  }
</style>
